<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description"
        content="购物网站-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <meta name="Keywords" name="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/car.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <script src="../js/jquery/jquery-3.4.1.js"></script>
    <script src="../js/car.js"></script>
    <title>购物网站-正品低价、品质保障、配送及时、轻松购物</title>
</head>

<body>
    <!-- 顶部快捷导航开始 -->
    <div class="shortcut">
        <div class="w">
            <div class="shortcut_left">
                <ul>
                    <li>购物网站欢迎你！</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="register.html" class="register">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="shortcut_right">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="line"></li>
                    <li class="drop_down_mypyg">
                        <a href="#">我的关注</a><i></i>
                        <div class="my_pyg">
                            <div class="my_pygTop">
                                <ul class="clearfix">
                                    <li><a href="#">待处理订单</a></li>
                                    <li><a href="#">消息</a></li>
                                    <li><a href="#">返修退换货</a></li>
                                    <li><a href="#">我的问答</a></li>
                                    <li><a href="#">降价商品</a></li>
                                    <li><a href="#">我的关注</a></li>
                                </ul>
                            </div>
                            <div class="my_pygBottom">
                                <ul>
                                    <li><a href="#">我的京豆</a></li>
                                    <li><a href="#">我的优惠券</a></li>
                                    <li><a href="#">我的白条</a></li>
                                    <li><a href="#">我的理财</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="line"></li>
                    <li><a href="#">会员</a></li>
                    <li class="line"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">关注网站</a><i></i></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">客户服务</a><i></i></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">网站导航</a><i></i></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部快捷导航结束 -->
    <!-- 头部开始 -->
    <div class="car_header w clearfix">
        <div class="logo">
            <h1>
                <a href="#">购物网站</a>
            </h1>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 全部商品开始 -->
    <div class="all w">
        <div class="all_title">
            全部商品
        </div>
        <table border="0" cellspacing='0' cellpadding='0' class="w">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" class="checkAll">全选
                    </th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr class="goods_display w">
                    <td>
                        <input type="checkbox" class="checkone">
                    </td>
                    <td>
                        <img src="../upload/p1.jpg" alt="">
                        <span>【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲</span>
                    </td>
                    <td>
                        <em>￥12.60</em>
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <input type="text" class="goods_number" value="1">
                        <button class="add">+</button>
                    </td>
                    <td class="total_price">
                        <em>￥12.60</em>
                    </td>
                    <td>
                        <a href="#" class="remove_goods">删除</a>
                    </td>
                </tr>
                <tr class="goods_display">
                    <td>
                        <input type="checkbox" class="checkone">
                    </td>
                    <td>
                        <img src="../upload/p2.jpg" alt="">
                        <span>【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 贴纸儿童 汽</span>
                    </td>
                    <td>
                        <em>￥24.80</em>
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <input type="text" class="goods_number" value="1">
                        <button class="add">+</button>
                    </td>
                    <td class="total_price">
                        <em>￥24.80</em>
                    </td>
                    <td>
                        <a href="#" class="remove_goods">删除</a>
                    </td>
                </tr>
                <tr class="goods_display">
                    <td>
                        <input type="checkbox" class="checkone">
                    </td>
                    <td>
                        <img src="../upload/p3.jpg" alt="">
                        <span>唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 小学生二三年级课外阅读书籍</span>
                    </td>
                    <td>
                        <em>￥29.80</em>
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <input type="text" class="goods_number" value="1">
                        <button class="add">+</button>
                    </td>
                    <td class="total_price">
                        <em>￥29.80</em>
                    </td>
                    <td>
                        <a href="javascript:void(0)" class="remove_goods">删除</a>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="foot clearfix">
            <div class="left">
                <input type="checkbox" class="checkAll">全选
                <a href="#" class="delCheck">删除选中的商品</a>
                <a href="#" class="delAll">清理购物车</a>
            </div>
            <div class="right">
                <p class="goods_lzz">已经选<em>0</em>件商品</p>
                <p class="son">总价：<em class="oym">￥0.00</em></p>
                <button class="buy">去结算</button>

            </div>
        </div>
    </div>
    <!-- 全部商品结束 -->
    <!-- footer开始 -->
    <div class="footer">
        <div class="w">
            <div class="footer_top">
                <ul class="clearfix">
                    <li>
                        <div></div>
                        <p>正品保障</p>
                        <span>正品保障，提供发票</span>
                    </li>
                    <li>
                        <div></div>
                        <p>极速配送</p>
                        <span>多仓直发，极速配送</span>
                    </li>
                    <li>
                        <div></div>
                        <p>运输保险</p>
                        <span>运输保险，件坏必偿</span>
                    </li>
                    <li>
                        <div></div>
                        <p>品类齐全</p>
                        <span>品类齐全，轻松购物</span>
                    </li>
                    <li>
                        <div></div>
                        <p>有问必答</p>
                        <span>客服在线，有问必答</span>
                    </li>
                </ul>
            </div>
            <div class="footer_center clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <img src="../upload/erweima.jpg.webp" alt="">
                    </dd>
                    <dd>客户端</dd>
                </dl>
            </div>
            <div class="footer_bottom">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li class="line"></li>
                    <li><a href="#">联系我们</a></li>
                    <li class="line"></li>
                    <li><a href="#">联系客服</a></li>
                    <li class="line"></li>
                    <li><a href="#">商家入驻</a></li>
                    <li class="line"></li>
                    <li><a href="#">营销中心</a></li>
                    <li class="line"></li>
                    <li><a href="#">手机端</a></li>
                    <li class="line"></li>
                    <li><a href="#">友情链接</a></li>
                    <li class="line"></li>
                    <li><a href="#">销售联盟</a></li>
                    <li class="line"></li>
                    <li><a href="#">社区</a></li>
                    <li class="line"></li>
                    <li><a href="#">公益</a></li>
                    <li class="line"></li>
                    <li><a href="#">Englis Site</a></li>
                    <li class="line"></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址：北京市××××××××××××××××××× 邮编：100096 电话：×××-×××-×××× 传真：×××-×××××××× 邮箱: ×××××××@××××.com</p>
                <p>京ICP备××××××××号京公网安备××××××××××××</p>
            </div>
        </div>
    </div>
    <!-- footer结束 -->
    <script>
    $(window).siblings
</script>
</body>

</html>